<!-- 员工报账 -->
<template>
  <div class="staff-bz-tabs">
    <el-tabs v-model="activeName">
      <el-tab-pane label="办公室报账" name="OFFICE"></el-tab-pane>
      <el-tab-pane label="驾驶员报账" name="DRIVER"></el-tab-pane>
    </el-tabs>

    <OfficeItem v-if="activeName == 'OFFICE'" ref="officeRef" />
    <DriverItem v-if="activeName == 'DRIVER'" ref="driverRef" />
  </div>
</template>

<script>
import OfficeItem from './office-item'
import DriverItem from './driver-item'

export default {
  name: 'StaffReimList',
  components: {OfficeItem,DriverItem},
  data() {
    return {
      activeName: 'OFFICE'
    }
  },
  methods:{ }
}
</script>
<style lang="less" scoped>
.staff-bz-tabs{
  ::v-deep .el-tabs__header{
    margin-bottom: 5px;
  }
}
</style>